<template>
	<view class="argument">
		<view class="delivery">
			<view class="argument-title">发货</view>
			<view class="delivery-desc">
				<view>北京｜快递：免运费</view>
				<view>预售，付款后5天内发货</view>
			</view>
		</view>
		<view class="argument-cs">
			<view class="argument-title">参数</view>
			<view class="argument-desc">
				<view v-if='product.brand'>品牌：{{ product.brand }}</view>
				<view v-if='product.origin'>原产国：{{ product.origin }}</view>
				<view v-if='product.net'>净含量：{{ product.net }}</view>
			</view>
		</view>
		
		<view class="take">
			<view class="argument-title">收货</view>
			<view class="argument-desc">
				<view>北京昌平啊啊啊啊啊啊啊啊</view>
			</view>
		</view>
	</view>
</template>
 
<script>
	import { mapGetters,mapActions } from 'vuex'
	export default {
	  name: "ProductArgumentCom",
	 props: {
	 	
	 },
	 computed: {
	 	...mapGetters([
	 		'user',
	 		'isLogin',
	 		'hasAttribute',
	 		'selectedSku',
	 		'defaultSku',
	 		'product'
	 	])
	 },
	}
</script>

<style>
	.argument{
		display: block;
		 justify-content: flex-start;
		background:#fff;
		overflow: hidden;
	}
	.delivery{
		margin-top:32rpx;
		clear:both;
		overflow: hidden;
		
	}
	.argument-title{
		float:left;
		margin-left:28rpx;
		font-size:26rpx;
		color:#999;
		
	}
	.delivery-desc{
		float:left;
		margin-left:28rpx;
	}
	.delivery-desc >view:nth-child(1){
		font-size: 26rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 700;
		color:#333;
	}
	.delivery-desc >view:nth-child(2){
		font-size: 22rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color:#333;
	}
	.argument-cs{
		display: block;
		margin-top:28rpx;
		overflow: hidden;
		
	}
	.argument-desc{
		float:left;
		margin-left:28rpx;
		
	}
	.argument-desc >view{
		font-size:26rpx;
		color:#333;
		font-weight: 700;
		
	}
	.take{
		display: block;
		margin-top:28rpx;
		margin-bottom:24rpx;
		overflow: hidden;
	}
</style>